.P-codeCenter{
	.outerLink {
		overflow:hidden;

		pre {
			height: auto;
		}

		dl {
			margin:0;
		}
		dt {
			font-size:14px;
			margin:0 0 10px;
			font-weight:bold;
		}
		dd {
			margin:0 0 20px 24px;
		}
		ul {
			// list-style-type: disc;
			margin-left: 30px;
		}
		code {
			word-wrap: break-word;
		}

		.cross {
			height: 203px;
		}

		.left_one {
			float:left;
			width:430px;
		}
		.right_one {
			float:left;
			width:400px;
			margin:0 0 0 20px;
		}
		code.inline_code {
			padding:3px;
			margin:0 4px;
			color:#d37e61;
			border-radius:5px;
			background:#f4f4f4;
			border: 1px solid #eaeaea;
		}
		a{
			&:hover{
				cursor: pointer;
			}
		}
		.warning {
			color:#aaa;
			margin:0 0 15px;
			text-align:left;
			padding:0 0 0 20px;
			display:inline-block;
			.icon;
			.icon-smallWarning;
		}
		.copy_btn {
			margin-bottom: 30px;
		}
		.theLink {
			margin-bottom: 20px;
			input {
				width:410px;
			}
		}
		.finalTheLink {
			.M-formItemLabel {
				width: 90px;
				height: auto;
			}
		}
		pre {
			-moz-tab-size:4;
			-o-tab-size:4;
			// -webkit-tab-size:4;
			tab-size:4;
			padding:10px;
			margin:0 0 10px;
			border-radius:5px;
			background:#f4f4f4;
		}
		.desc{
			color: #727272;
			margin: 5px 0;
		}
		.highlight {
			color: #F90;
		}
		.codeCenterDesc{
			.row{
				margin-bottom: 25px;
				font-weight: bold;
				margin-left: 0;
			}

			i{
				-moz-tab-size:4;
				-o-tab-size:4;
				// -webkit-tab-size:4;
				tab-size:4;
				padding:5px;
				margin:0 0 10px;
				border-radius:5px;
				background:#f4f4f4;
				margin: 0 5px;
				font-weight: normal;
			}
			span{
				color: #727272;
				margin-left: 20px;
				font-weight: normal;
			}
		}
		.textInput {
			margin:0px 20px 0px 30px;
		}

	}
}

.P-codeCenterBrand {
	.outerLink {
		background-color: #f4f4f4;
		margin-left: 0!important;
		padding-bottom: 25px;
		.customCode {
			z-index: 1;
			margin: 0 20px;
			border-bottom: 1px solid #dad8d8;
			p {
				background-color: #ffffff;
				width: 100px;
				text-align: center;
				margin-left: 20px;
				padding: 8px 0;
				margin-bottom: -1px;
				margin-top: 20px;
				border: 1px solid #dad8d8;
				border-radius: 5px 5px 0 0;
				border-bottom: none;
				z-index: 2;
			}
		}
		.codeGroup {
			background-color: #ffffff;
			margin: 0 20px;
			padding-top: 20px;
			padding-left: 20px;
		}
		dd {
			margin: 0 0 20px 0;
		}
		dt {
			font-size: 12px;
			color: #656365;
		}
		pre {
			border-radius: 5px;
		}
		.leftBorder {
			border-left: 4px solid #1f5aa3;
			padding-left: 10px;
		}
		.tips {
			float: left;
			background-color: #edfaff;
			border: 1px solid #2db7f5;
			border-radius: 5px;
			margin-left: 30px;
			margin-top: 26px;
			padding: 10px 20px;
			width: 40%;
			.attention {
				color: #8e8b8b;
			}
		}
		.mt65 {
			margin-top: 65px;
		}
		.items {
			width: 55%;
			float: left;
		}
		.clear {
			clear: both;
		}
	}
}